<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="/templates/crud-template.xhtml">

<ui:define name="content">

<div align="left">
<p:growl id="msgs" showDetail="true" sticky="false" life="10000"/>
	<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>  
    <p:dialog modal="true" widgetVar="statusDialog" header="Status"   
        draggable="false" closable="false" resizable="false">  
    	<p:graphicImage value="/resources/images/ajaxloadingbar.gif" />  
    </p:dialog>
<h:form id="form" style="width: 800px;">  
<p:panel header="Generar Cita con Asistenta Social">
<h:outputText value="Elija una Asistenta y una Fecha para visualizar los posibles horarios." />
<h:panelGrid columns="3">
	<h:outputText value="Fecha" style="font-weight:bold" /> 
	<p:calendar id="dtFecCita" value="#{citaBean.fechaCita}" pattern="yyyy-MM-dd"  showOn="button" required="true" requiredMessage="Seleccione un Fecha"  navigator="true" mindate="2012-02-08" maxdate="2012-12-01" readOnlyInputText="true" label="Fecha de Cita"  onSelectUpdate="cboHorasDisponibles" selectListener="#{citaBean.cargaComboListadoHorasDisponibles}">
	</p:calendar>*
	  
	<h:outputText value="Asistenta Social" style="font-weight:bold"/>
	<h:selectOneMenu value="#{citaBean.asistentaElegida.strCodigoPersona}" required="true" 
	                 requiredMessage="Seleccione una Asistenta" >
		<f:selectItem itemLabel="Seleccione Asistenta" itemValue=""/>
		<f:selectItems value="#{citaBean.listaAsistentas}" var="asistenta"
		               itemLabel="#{asistenta.strNombre} #{asistenta.strApellidoPaterno} #{asistenta.strApellidoMaterno}" itemValue="#{asistenta.strCodigoPersona}"/>
		<p:ajax update="cboHorasDisponibles" listener="#{citaBean.cargaComboListadoHorasDisponibles2}" />                           
	</h:selectOneMenu>*

    <h:outputText value="Hora" style="font-weight:bold" />  
      <h:selectOneMenu id="cboHorasDisponibles" value="#{citaBean.horaCita}" required="true"  label="Hora" requiredMessage="Seleccione Hora de Cita"> 
		             <f:selectItem itemLabel="Seleccione Hora" itemValue="" />
		             <f:selectItems value="#{citaBean.listaHorasDisponibles}" /> 	        
	  </h:selectOneMenu>*  
    
    <f:facet name="footer"> 
                <p:outputPanel rendered="true" layout="block" style="text-align:center">
                <h:panelGroup>
					  <p:commandButton value="Grabar Cita" 
					  actionListener="#{citaBean.guardaCita}"  
					  update="msgs" 
                      image="ui-icon ui-icon-check"
                       />
  				</h:panelGroup>
              </p:outputPanel>  
    </f:facet>
          
</h:panelGrid>
</p:panel>
</h:form>       
</div>

   
   
   


   
</ui:define>

</ui:composition>
